{layout name="common/layout2" /}

<link rel="stylesheet" type="text/css" href="__CDN__/static/css/bootstrap.css?v={$site.version}">
<style data-render="style">
        .topLang .topLangBtn {
            right: -17px;
        }

        @media (max-width: 992px) {
            .navBtn {
                top: 18px;
            }

            #top .nav ul li {
                height: 45px;
            }
        }
</style>



<!--top-->
<div class="content">
    <!--banner-->
    <div class="banner" id="banner">
        <ul class="sliderBanner">
            {cms:blocklist id="block" name='indexfocus' row='5'}
            <li>
                <a href="{$block.url}"><img src="{$block.image}"></a>
            </li>
            {/cms:blocklist}
        </ul>
    </div>
    <!--/banner-->
    <!-- 解决方案 -->
    <div class="homeBox homeIdear">
        <div class="wrap">
            <div class="homeTitle">
                <h2>解决方案</h2>
                <div class="line"></div>
                <!-- <h5><span>SOLUTION</span></h5> -->
            </div>
            <div class="homeCamWrap">
                <ul class="homeCamList clearfloat">
                    {cms:channellist id="channel" type="son" typeid="25" orderby="weigh" orderway="desc"}

                    <li>
                        <div class="pic"><a href="{$channel.url}">{$channel.img}</a>
                        </div>
                        <div class="homeCamCont">
                            <h4 class ="single-line"><a href="solution_detail.html">{$channel.name}</a></h4>
                            <div class="line"></div>
                            <p class="multi-line">
                                {$channel.description}
                            </p>
                            <a class="more" href="{$channel.url}">查看详情</a>
                        </div>
                    </li>

                    {/cms:channellist}
                </ul>
                <!-- <ul class="homeCamList clearfloat">
                    {cms:channellist id="channel"  typeid="29,30,31" row='3' orderby="weigh" orderway="desc"}
                    <li>
                        <div class="pic"><a href="{$channel.url}">{$channel.img}</a>
                        </div>
                        <div class="homeCamCont">
                            <h3 class="single-line"><a href="solution_detail.html">{$channel.name}</a></h3>
                            <div class="line"></div>
                            <p class="multi-line">
                                {$channel.description}
                            </p>
                            <a class="more" href="{$channel.url}">查看详情</a>
                        </div>
                    </li>
                    {/cms:channellist}
                </ul> -->
            </div>
        </div>
    </div>
    <!-- 优势 -->

    <div class="homeBox homeCour" id="advan">
    </div>
    <script>
        $('#advan').load("addons/cms/index/getAdvantage");
    </script>
    <!-- 关于我们 -->
    <div class="homeBox aboutUs">
        <div class="homeTitle" style="height: 80px;">
            <h2>关于博坤</h2>
            <div class="line"></div>
            <!-- <h5><span>ABOUT US</span></h5> -->
        </div>
        <div class="aboutBox">
            <div class="aboutLeft">
                <div class="aboutLeftImg1">
                    <img src="{cms:block name='indexUsImg' field='image' }" alt="" class="img-responsive">
                </div>
                <!-- <div class="aboutLeftImg2"><img src="static/image/juXingDown.png" alt="" class="img-responsive"> -->
                <!-- </div> -->
                <!-- <div class="aboutLeftImg3"><img src="static/image/juXingUp.png" alt="" class="img-responsive"></div> -->

                <!-- <div class="aboutLeftImg1"><img src="static/image/bokun4.png" alt="" class="img-responsive"></div>
        <div class="aboutLeftImg2"><img src="static/image/bokun6.png" alt="" class="img-responsive"></div>
        <div class="rectangle">
            <div class="line2">测试及自动化专家</div>
        </div>-->
            </div>

            <div class="aboutRight">

                <!--<div class="aboutTitle">
            <h2>关于博坤</h2>
            <h3><span>ADVANTAGE</span></h3>
            <div class="line"></div>
        </div>-->

                <div class="descriptionText">
                    {cms:block name='indexUs' /}
                </div>
                <div class="descriptionBtn">
                    <a href="/p/aboutus.html">查看更多</a>
                </div>
            </div>
        </div>

    </div>
    <!-- 新闻资讯 -->
    <div class="news">
        <div class="container">
            <div class="row clearfix">
                <div class="col-md-12 column">
                    <div class="homeTitle">
                        <h2>新闻中心</h2>
                        <div class="line"></div>
                        <!-- <h5><span>NEWS CENTER</span></h5> -->
                    </div>
                    <div class="newsc row clearfix">
                        <div class="newsc_l col-md-6 column" aos="fade-right" style="width: 40%;">
                            <div class="newsc_lh">
                                {cms:arclist model='1' id='item' row='1' type='sons' channel='34' flag='hot'}
                                <a href="{$item.url}">
                                    <div class="newsc_l_img">
                                        <img src="{$item.image}" alt="" class="img-responsive" />
                                    </div>
                                </a>
                                {/cms:arclist}
                            </div>
                        </div>
                        <div class="newsc_r col-md-5 column">
                            <div class="newsc_r_a">
                                <ul>
                                    {cms:arclist model='1' id='item' row='3' type='sons' channel='34'}
                                        <li aos="fade-up" aos-delay="000">
                                            <a href="{$item.url}">

                                                <div class="newsc_r_tit">{$item.title}</div>
                                                <div class="newsc_r_time fl text-center">
                                                    <div class="newsc_r_year">{:datetime($item.publishtime,'Y')}</div>
                                                    <div class="newsc_r_date">{:datetime($item.publishtime,'m/d')}</div>
                                                </div>
                                                <div class="newsc_r_cont">
                                                    {$item.description}
                                                </div>
                                            </a>
                                        </li>
                                    {/cms:arclist}
                                </ul>
                            </div>
                        </div>
                    </div>
                    <!-- <div class="descriptionBtn">
                    <a class="more" href="">MORE</a>
                </div> -->
                </div>
            </div>
        </div>
    </div>
</div>



<script data-render="script">
    $('.sliderBanner').bxSlider({
        'auto': true,
        'controls': false,
        'touchEnabled': true,
        'pager': true,
        'speed': 1000,
        'pause': 4000,
        'pagerType': 'fullscreenElement',

    });
</script>
